import React from 'react';
import './index.css';

function Model(props) {

    const { isModelShow, modelTitle, children } = props;
    return (
        <>
        {
            isModelShow
            ?
            (
              <div className="box my-model">
                  <div className="m-innner">
                      <div className="m-header">
                          { modelTitle }
                      </div>
                      <div className="content">
                          { children }
                      </div>
                  </div>
              </div>
            )
            :
            ''
        }
        </>
    );
}

export default Model;